<div class="ui bottom attached segment">
    <div class="ui middle aligned two column grid">
        {% if page_obj.has_previous %}
            <div class="column">
                <a href="?page={{ page_obj.previous_page_number }}"
                   class="ui mini teal basic button">上一页</a>
            </div>
        {% else %}
            <div class="column">
                <a class="ui mini teal basic button disabled">上一页</a>
            </div>
        {% endif %}

        {% if page_obj.has_next %}
            <div class="right aligned column">
                <a href="?page={{ page_obj.next_page_number }}" class="ui mini teal basic button">下一页</a>
            </div>
        {% else %}
            <div class="right aligned column">
                <a class="ui mini teal basic button disabled">下一页</a>
            </div>
        {% endif %}
    </div>
</div>